<template>
  <div>
<!-- <mt-button type="default">default</mt-button> -->
    <mt-swipe :auto="1000" style="height:150px">
      <mt-swipe-item><img src="../common/images/b1.jpg"/></mt-swipe-item>
      <mt-swipe-item><img src="../common/images/b2.jpg"/></mt-swipe-item>
      <mt-swipe-item><img src="../common/images/b3.jpg"/></mt-swipe-item>
    </mt-swipe>


  </div>
</template>

<script>
import Vue from 'vue';
import { Swipe, SwipeItem } from 'mint-ui';
Vue.component(Swipe.name, Swipe);
Vue.component(SwipeItem.name, SwipeItem);

</script>

<style scoped>
  img{
    height: 150px;
    width:100%;
  }
</style>
